<template>
  <div class="login-container flx-center">
    <div class="login-box">
      <SwitchDark class="dark" />
      <div class="login-left">
        <div class="login-left-img">
          <div class="login-left-descript">
            <div class="descrpt">
              <div class="titles">AI营销系统</div>
              <!-- <div class="pupian">tupian</div> -->
              <div class="wenzi">
                <span style="margin-bottom: 7px; display: block"
                  >AI营销系统企业版是专为企业用户精心打造的营销管理软件，在个人版的基础上进行了全面升级。</span
                >
                <span style="margin-bottom: 7px; display: block"
                  >AI营销系统 AI 营销系统和 CRM
                  客户管理系统，满足企业多样化的营销与客户管理需求。</span
                >
                <!-- AI营销系统企业版是专为企业用户精心打造的营销管理软件，在个人版的基础上进行了全面升级。<br />
                <br /> -->
                <span style="margin-bottom: 7px; display: block"
                  >私有化部署策略：充分保证企业级用户的数据安全，完美解决数据安全问题，让企业无需担忧数据泄露风险。</span
                >
                <span style="margin-bottom: 7px; display: block">
                  全新底层架构：采用 PC RPA
                  机器化工作流，杜绝协议风控，为企业营销提供稳定可靠的技术保障。
                </span>
                <span style="margin-bottom: 7px; display: block"
                  >选择AI营销系统企业版，就是选择高效、安全、稳定的营销管理未来。</span
                >
              </div>
              <br />
              <!-- <div class="wenzi">
                JeeSite 是一个专业的平台，是一个让你使用放心的平台。<br />
                前端基于 Vue3、Vite、TypeScript、Ant-Design-Vue、Vben Admin，<br />
                后台基于 Spring Boot、Apache MyBatis 等，最先进、最经典的技术栈。<br />
                精致的 UI、规范的代码书写、匠心著作、封装细节、专注业务、快速开发。<br />
              </div> -->
            </div>
          </div>
        </div>

        <!-- <img class="login-left-img" src="@/assets/images/login_left.png" alt="login" /> -->
      </div>
      <div class="login-form">
        <div class="login-logo">
          <!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
          <div class="logo-text">AI营销后台系统</div>
          <!-- <div class="logo-text">AI营销系统</div> -->
        </div>
        <LoginForm />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts" name="login">
import LoginForm from "./component/LoginForm.vue";
</script>

<style scoped lang="scss">
@use "./index.scss";
</style>
